<template>
  <div class="top">
    <div class="top_cen">
      <router-link tag="h1" to="/"><img class="qiye_logo" src="@/assets/images/logo.png" /><b>若依管理系统</b></router-link>
      <div class="right_dl">
        <div class="yonhu">
          <span @click="toOfficial"> <i class="iconfont icon-home"></i> <b>公司官网</b></span>
          <router-link tag="span" to="/account"><i class="iconfont icon-me"></i> <b>个人中心</b></router-link>
        </div>
        <div class="toux"><b>欢迎：{{userInfo.name}}</b> <img :src="userInfo.avatar.avatar_origin" /></div>
      </div>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
export default {
  name: "PageHeader",
  computed:{
		...mapGetters(['userInfo']),
	},
  methods:{
    toOfficial(){
      window.open('http://www.ruoyi.vip/','_blank')
    }
  }
};
</script>

<style scoped lang="less">
</style>